<template>
<div class="wrapper">
  <head title="Rule"></head>
  <empty v-if="!rullerTxt" tips="Rule is empty"></empty>
  <scroller class="ruleList" :show-scrollbar="false">
    <text>{{rullerTxt}}</text>
  </scroller>
  <div class="maskClack" @click="e=>e.stopPropagation()" v-if="isLoading">
    <floading class="indicator" color="#303030"></floading>
  </div>
</div>
</template>
<script>
export default {
  data() {
    return {
      rullerTxt: ""
    };
  },
  methods: {
    onLoad(parmar) {
      if (parmar && parmar.param) {
        return false;
      }
      this.rullerTxt = parmar.data;
    }
  }
};
</script>
<style  scoped>
.wrapper {
  background-color: #fff;
}
.ruleList {
  padding: 32px;
  flex: 1;
}
.title {
  font-size: 30px;
  color: #333;
  line-height: 42px;
  margin-bottom: 20px;
}
.item {
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 33px;
  color: #666666;
}

.maskClack {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}
.indicator {
  width: 40px;
  height: 40px;
}
</style>